<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><link rel="stylesheet" href="../libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="../libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="../libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<a href="index.html">返回</a>

<h1>HELLOW</h1>
<table id="table1">
    <tr><th>ABC</th><th>abc1</th></tr>
    <tr><td>ABC</td><td>ABC</td></tr>
    <tr><td><h1>HELLOW</h1></td><td>ABC</td></tr>
    <tr><td>ABC</td><td><h1>HELLOW</h1></td></tr>
</table>
<div>
    <h1>HELLOW</h1>
    <h1>HELLOW</h1>
    <h1>HELLOW</h1>
    <h1>HELLOW</h1>
    <h1>HELLOW</h1>
</div>
</body>
</html>
<script>
    $(document).ready(function (){
        var table1 = document.getElementById("table1");
        table1.className = 'table table-striped table-bordered table-hover table-condensed';
        table1.style.color = 'red';
    });
</script>